/* -------------------------------------------------------------------------------------
* 	SEO:mercari by Siekiera Media
* 	http://www.seo-mercari.de
*
* 	Copyright (c) since 2011 SEO:mercari
* --------------------------------------------------------------------------------------
* 	based on:
* 	(c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
* 	(c) 2002-2003 osCommerce - www.oscommerce.com
* 	(c) 2003     nextcommerce - www.nextcommerce.org
* 	(c) 2005     xt:Commerce - www.xt-commerce.com
*
* 	Released under the GNU General Public License
* ----------------------------------------------------------------------------------- */

.footer, .head {text-align: center}

.footer .box, .head .box, .box_right_top .box  {background: none; display: block; border: none; color: #ccc; padding:0}

.box { margin: 0 0 8px 0; background: #FFF; border-bottom: 1px solid #dddddd}

.boxText, .box_content { padding: 3px 4px 5px 4px;}

.box_head { margin: 0 0 5px 0; padding: 2px 0 2px 7px; height: 18px; font-size: 1.2em; font-weight: 700}

.box_bottom { text-align: left; color: #666666; margin: 0 auto; width: 990px; }

.box_bottom .box {background: none; border: 0 none;}

.box_bottom ul {margin: 0}

.box_bottom ul li {list-style: none;}

.box_bottom ul li a {border-bottom: 1px dashed #ccc; display: block; padding: 3px 0 3px 5px;}

.box_bottom ul li ul.sub {margin-left: 19px;list-style-position:inside;}

.box_bottom ul li ul.sub li {list-style: square;}

.bottom_box_1 .box { width: 100%;}

.bottom_box_2 .box { width: 48.7%; float:left;margin: 0 4px}

.bottom_box_1, .bottom_box_2, .bottom_box_3 {width: 100%}

.bottom_box_3 .box {width: 32.2%; float:left; margin: 0 4px}

.bottom_box_4 .box {width: 23.9%; float:left; margin: 0 4px}

.box_bottom h4.boxTitle {background: none; color: #666; font-weight: 700; border-bottom: 1px solid #666;font-size:112%;}

.head .box ul, .footer .box ul {text-align:center}

.head .box ul li, .footer .box ul li {display:inline; list-style:none; margin-right: 10px}

.head .box ul li a:hover {color:#ccc}

.box_left_top {width: 500px; height: 100px; position: relative; top:0; float:left;z-index: 5; cursor: pointer;}

.box_right_top {width: 250px; position: relative; right:0; top:0; text-align: right; float:right}

.box_right_top .box {text-align: right; display: inline-block; margin: 5px 10px 0 0; position: relative;}

.box_right_top .advanced_link {display: none}

#nav_left h3 {margin-top: 0}

/* einzelne Spezifikationen */
.last_viewed, .specials {text-align: center}

/* Boxen oben */
.box_top {border-bottom: 1px solid #ccc; height: 90px}

.box_top .box {border-right: 1px solid #ccc; border-bottom: 0 none; height: 81px}

.top_box_2 .box {float:left; width: 48%; margin: 4px 6px}
.top_box_3 {display: block; width: 100%}
.top_box_3 .box {float:left; width: 32%; margin: 4px 6px}
.top_box_4 .box {float:left; width: 23.6%; margin: 4px 6px}

.box_top .box:last-child {border: 0 none}

.whatsnew ul, .box_best_sellers ul, .specials ul, .last_viewed ul { margin: 0; list-style: none}

/* Hersteller Box - Logos */
.ul_brand_logos {margin: 0; width: 100%;}

.ul_brand_logos li {list-style: none;}

.ul_brand_logos li a {display: block; text-align: center}

.ul_brand_logos li.current_manu a img {border: 2px solid #247BA0}

/* Infobox */
.box_top .box_infobox img {margin-right: 20px; vertical-align: middle; }
#nav_left .box_infobox img, #nav_right .box_infobox img {margin-bottom: 10px;}

/* Loginbox */
.box_top .login_box_pf_link {float:right}
#nav_left .login_box_emailfield, #nav_left .login_box_passwordfield {display: block}
#nav_left .login_box_emailfield input, #nav_left .login_box_passwordfield input {width: 99.8%}
#nav_left .login_box_pf_link {display:block; text-align: right}

/* neue Artikel */
.whatsnew {text-align: center}

/* normal Menu */
#nav_left ul.no_js li a.current {font-weight: 700}

#nav_left ul.no_js ul {margin: 0}

#nav_left ul.no_js ul li a {padding-left: 24px; padding: 4px 10px 4px 24px; font-size: 110%}

#nav_left ul.no_js ul li a.current {padding-left: 24px}

/* Warenkorb Box */
.box_cart_img {max-width: 50px; max-height: 50px;}

.cart_total {font-size: 110%; width: 170px; margin: 0 auto}

.box_top .box_shopping_cart {height: auto}

#nav_left .box_shopping_cart, #nav_right .box_shopping_cart {min-height: 80px}

.shopping_cart_active {box-shadow: 0px 2px 5px #888; background: #f7f7f7}

.cart_icon {background: url(templates/images/mercari/shopping-bag-icon.png) center no-repeat; width: 48px; height: 65px; float:left; margin: 0 15px 0 0}

.cart_details {position: relative; top: 10px}

.cart_tax {padding-top: 4px}

.cart_detail_cart {border-top:1px solid #ccc; margin-top: 4px;}

.cart_hide {border-top: 1px solid #ccc; margin-top: 6px; padding: 6px}

.shopping_cart_content td {background: #fff}

/* Suchbox */
.box_top .box_search_content{background: url(templates/images/mercari/Search.png) no-repeat 25px 0px; position: relative; top: 20%;}

.box_top .box_search_content #quick_find{padding: 0 0 0 80px;}

.box_top input[type="text"]{width: 157px;}

/* Infobox */
.box_top .box_infobox .box_content{position: relative; top: 14%;}

/* Footer boxen */
ul.footer_gallery { float: left; clear: both; width: 100%}
ul.footer_gallery li {float:left; width:32.8%; position: relative; margin: 0 5px 10px 0;}
ul.footer_gallery li ul.box_footer {list-style-type: square}
ul.footer_gallery li ul.box_footer li {width: 100%;display: block;margin:0;border-bottom: 1px solid #ccc;padding: 3px 0;}
ul.footer_gallery li ul.box_footer li a {padding: 0 0 0 12px;}

/* Newsletter */
.newsletter input.css_text {width:98%}

/* Tag_Cloud */
.box_tagcloud h3, .box_tagcloud h4, .box_tagcloud h5, .box_tagcloud h6 {display: inline;font-weight:normal;margin: 0;padding: 0;}

/* Filter Box */
.box_filter .box_content {padding: 4px 14px}

.box_filter ul {margin: 0; list-style: none}

.box_filter ul li ul {margin-left: 22px}

.box_filter .filter_close {display: none}

.box_filter .filter_disabled {color: #ccc}

/* Schnellkauf Box*/
#nav_left #quick_add input.css_text{width:132px; float: left; margin-right: 3px;}
.chrome #nav_left #quick_add input.css_text, .safari #nav_left #quick_add input.css_text{margin-right: 0;}

/* Kategorie Box - bei bedarf erweitern */
.categories,
.categories_2,
.categories_3,
.categories_4,
.categories_5,
.categories_6 {background: #efefef; padding:0}

.navigation {z-index: 850; margin: 0}

.navigation li {list-style: none; position: relative; float: none}

.navigation li ul {width: 190px; margin: 0; z-index: 800;}

.navigation li a {padding: 6px 10px 6px 5px; display: block; font-size: 120%; background: #f5f5f5; border-top: 1px solid #fff; border-bottom: 1px solid #eee;}

.navigation li a:hover {background: #f0f0f0}

/* links/rechts */
.navigation li a {padding: 6px 10px 6px 5px; display: block; font-size: 120%; background: #f5f5f5; border-top: 1px solid #fff; border-bottom: 1px solid #eee;}
/* links */
#nav_left .navigation li a {padding: 6px 5px 6px 10px;}
#nav_left .navigation li ul li a {padding: 2px 22px 2px 10px; font-size: 110%;}
#nav_left .navigation li ul ul li a {padding: 2px 32px 2px 10px; font-size: 100%}
/* rechts */
#nav_right .navigation li a {padding: 6px 5px 6px 15px;}
#nav_right .navigation li ul li a {padding: 2px 10px 2px 22px; font-size: 110%;}
#nav_right .navigation li ul ul li a {padding: 2px 10px 2px 32px; font-size: 100%}

.navigation .li_level_2 a span.category_arrow {top: 7px;}

.navigation .li_level_3 a span.category_arrow {top: 8px;}

/* links/rechts */
.js_enabled a span.category_arrow {background: url(templates/images/mercari/cat_arrow.png) top center no-repeat; display: block; height: 10px; line-height: 10px; position: absolute; top: 12px; width: 6px;}
/* links */
#nav_left .js_enabled a span.category_arrow { right: 6px;}
/* rechts */
#nav_right .js_enabled a span.category_arrow {left: 4px;}

.js_enabled a:hover span.category_arrow {background-position: bottom center}

.js_enabled ul, .closed_navi ul {position:absolute; top:-999em; display:none; top: 5px;}

.js_enabled li:hover {visibility:inherit;}

.js_enabled li {position:relative;}

.js_enabled a {display:	block; position:relative;}

ul.js_enabled li:hover li ul, ul.js_enabled li.menu_hover li ul {top:-999em;}

/* links */
#nav_left ul.js_enabled li a, #nav_left ul.open_navi li a {padding: 6px 5px 6px 10px;}
#nav_left ul.js_enabled li ul li a, #nav_left ul.open_navi li ul li a {padding: 6px 5px 6px 15px; font-size: 110%;}
#nav_left ul.js_enabled li ul ul li a, #nav_left ul.open_navi li ul ul li a {padding: 6px 5px 6px 15px; font-size: 100%}
/* rechts */
#nav_right ul.js_enabled li a, #nav_right ul.open_navi li a {padding: 6px 5px 6px 15px;}
#nav_right ul.js_enabled li ul li a, #nav_right ul.open_navi li ul li a {padding: 6px 5px 6px 15px; font-size: 110%;}
#nav_right ul.js_enabled li ul ul li a, #nav_right ul.open_navi li ul ul li a {padding: 6px 5px 6px 15px; font-size: 100%}

/* links*/
#nav_left ul.js_enabled li:hover ul, #nav_left ul.js_enabled li.menu_hover ul {left:160px; top:4px;}
/* rechts */
#nav_right ul.js_enabled li:hover ul, #nav_right ul.js_enabled li.menu_hover ul {left:-160px; top:4px;}

ul.js_enabled li li:hover li ul, ul.js_enabled li li.menu_hover li ul {top:-999em;}

/* Vertikal #nav_left */
#nav_left ul.vertical li:hover ul, #nav_left ul.vertical li.menu_hover ul {left: 160px; top: 4px;}
/* Vertikal #nav_right */
#nav_right ul.vertical li:hover ul, #nav_right ul.vertical li.menu_hover ul {left: -160px; top: 4px;}

/* Admin Box Toolbar */
.body_admin_box #page_container {margin-top: 40px}

.body_admin_box .box_admin {background: none #3A3A3A; border-width: 0}

.body_admin_box .box_admin .box_content {padding: 0; margin: 0 auto; width: 990px;}

.body_admin_box .box_admin .box_content ul {margin: 0; clear: both;float: left;width: 100%;}

.body_admin_box .box_admin .box_content ul li {float:left; padding: 4px 10px 6px; list-style: none; border-right: 1px solid #333; border-left: 1px solid #555; color: #fafafa }

.body_admin_box .box_admin .box_content ul li.box_admin_status_head {position: relative; cursor: pointer; background: url(templates/images/mercari/arrow-bottom.gif) 94% 46% no-repeat; padding-right: 15px;}

.body_admin_box .box_admin_status_body {left: 0; position: absolute; top: 28px; background: #3A3A3A; padding: 5px; width: 140px;}

.body_admin_box .box_admin a.admin_link {padding-left: 20px; background: url(templates/images/mercari/admin-gear.gif) center left no-repeat;}

.body_admin_box .box_admin a {color: #fafafa;}

.body_admin_box .box_admin a:hover {text-decoration: underline}

.body_admin_box .box_admin .box_content ul li.li_del_cache {float:right}

/* Trusted Shops */
.box_trusted_shop #tsBox {background: url(templates/images/mercari/bg_yellow.jpg) center no-repeat;}
.box_trusted_shop #tsBox a {color: #000}
.box_trusted_shop #tsBox a:hover {text-decoration: underline}